<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:include page="../../common/header.jsp"></jsp:include>
<script type="text/javascript" src="static/js/jsonlint.js"></script>
<script type="text/javascript" src="page/ajax/ajax.js"></script>
<script type="text/javascript">
var current_json_str="";
function JsonConsoleProcess(data){
	if(data!=""){
            result = new JSONFormat(data,4).toString();
	}
	$("#Canvas").html(result);
}	
</script>
<div class="container">
	<div class="col-xs-6">
		<div class="panel panel-default">
			<div class="panel-heading">课程案例</div>
			<div class="panel-body">
			<ul>
				<li>
				<a href="javascript:ajaxget()">1.AJAX GET</a>
				</li>
				<li>
				<a href="javascript:ajaxpost()">2.AJAX Post</a>
				</li>
				<li>
				<form id="form" action="form" method="post">
					<div class="form-group">
						<label>a</label>
						<input name="a" type="text" value="" class="form-control">
					</div>
					<div class="form-group">
						<label>a</label>
						<input name="b" type="text" value="" class="form-control">
					</div>
					<div class="form-group">
						<label>a</label>
						<input name="c" type="text" value="" class="form-control">
					</div>
					<div style="text-align:center">
					<button type="button" class="btn btn-primary" onclick="ajaxform()">提交</button>
					</div>
				</form>
				</li>
			</ul>	
			</div>
		</div>
	</div>
	<div class="col-xs-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				 结果
			</div>
			<div class="panel-body">
				<div id="Canvas" class="Canvas"></div>
				aaa\
			</div>
		</div>
	</div>
</div>
<jsp:include page="../../common/footer.jsp"></jsp:include>